<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="${cxt }/">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>文章管理--编辑文章</title>
		<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="js/tinymce.min.js" ></script>
		<script type="text/javascript">
			$(".mytab").click(function(e) {
				e.preventDefault()
				$(this).tab('show');
			});
			
			tinymce.init({
				selector: "textarea#textareaid",
				theme: "modern",
				width: '99%',
				height: 300,
				language: "zh_CN",
				plugins: [
					"advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
					"searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
					"save table contextmenu directionality emoticons template paste textcolor"
				],
				content_css: "css/content.css",
				toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor emoticons",
				style_formats: [{
						title: 'Bold text',
						inline: 'b'
					},
					{
						title: 'Red text',
						inline: 'span',
						styles: {
							color: '#ff0000'
						}
					},
					{
						title: 'Red header',
						block: 'h1',
						styles: {
							color: '#ff0000'
						}
					},
					{
						title: 'Example 1',
						inline: 'span',
						classes: 'example1'
					},
					{
						title: 'Example 2',
						inline: 'span',
						classes: 'example2'
					},
					{
						title: 'Table styles'
					},
					{
						title: 'Table row 1',
						selector: 'tr',
						classes: 'tablerow1'
					},
				]
			});
		</script>
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
			}
			
			body {
				background-color: #F4F6F7;
			}
			
			.bigbox {
				width: 1058px;
				height: 496px;
				background-color: #F4F6F7;
				margin-top: 5px;
			}
			
			.inbigbox {
				margin-left: 23px;
				margin-right: 15px;
				background-color: white;
				padding-left: 15px;
				padding-right: 10px;
			}
			
			.top,
			.div_title {
				width: 1000px;
			}
			
			.content {
				width: 990px;
				border: 1px solid #E6E9EA;
				text-align: center;
			}
			
			.center_content {
				width: 900px;
				margin: auto;
				text-align: left;
				padding-top: 20px;
				font-size: 14px;
			}
			
			.center_content table {
				width: 900px;
			}
			
			.center_content input,
			select {
				width: 400px;
				height: 28px;
				margin: 10px;
				border: 1px solid #CFD4D7;
			}
			
			.bottom {
				margin: 15px 340px;
			}
			
			.bottom input {
				width: 80px;
				height: 30px;
				margin-right: 50px;
				color: white;
				border: none;
				border-radius: 5px;
				background-color: #11B6B6;
			}
		</style>
	</head>

	<body>
		<div class="bigbox">
			<div class="inbigbox">
				<div class="div_title">
					<p style="margin-left: 5px;line-height: 50px;font-size: 18px;">编辑评论</p>
				</div>

				<div class="content">
					<div class="center_content">
						<table cellspacing="0">
							<tr>
								<td style="text-align: right;">昵称：</td>
								<td><input type="text"></td>
							</tr>
							<tr>
								<td style="text-align: right;">评论时间：</td>
								<td><input type="date" style="width: 120px;"></td>
							</tr>
							<tr>
								<td style="text-align: right;">编辑评论：</td>
								<td style="padding-left: 10px;"><textarea id="textareaid"></textarea></td>
							</tr>
						</table>
					</div>
					<div class="bottom">
						<input type="button" value="确认提交" />
						<input type="button" value="存为草稿" />
					</div>
				</div>

			</div>
		</div>
	</body>

</html>